<template>
	<view class="">
		<view class="">
			<!-- 我的钱包 -->
			<image class="header-image" src="../../../static/images/qianbao.png" mode=""></image>
		    <view class="flex-between header-back" @click="$tools.navigateBack()">
				<u-icon name="arrow-left" color="#333333" size="16"></u-icon>
				<view class="fontSize-15 color-000 text-center">我的钱包</view>
				<view style="width: 30rpx;"></view>
			</view>
			<view class="flex-flex-warp header-item">
				<view class="flex-justAliCenter-column wallet-item"
				v-for="(item,index) in list" :key="index">
					<view class="fontSize-15 margin-bottom20" style="color: #FF3E12;">{{item.name}}</view>
					<view class="fontSize-15 color-000">{{item.title}}</view>
				</view>
			</view>
		</view>
		
		<view class="flex-center fontSize-15 color-000 margin-top30">
			提成规则
		</view>
		<view class="padding-30">
			<view class="fontSize-15 color-000" style="line-height: 1.8;">
				
				提成采取年累计阶梯制，单量越高单价越高：  
				A级·1-6000亩：每亩约1.1元；  
				
				B级·6000-20000亩：每亩约1.3元；  
				
				B级·20000单以上：每亩约1.6元。  
				注：需完成最低亩量（如6000亩）才能计算提成,        年底归零，来年从A开始计算。
			
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{name:'A级',title:'当前级别'},
					{name:'3单',title:'今日完成'},
					{name:'53单',title:'本月完成'},
					{name:'500',title:'累计亩数'},
					{name:'￥800',title:'今日奖金'},
					{name:'￥1200',title:'本月奖金'}
				]
			}
		}
	}
</script>

<style lang="scss" scoped>
	.header-item{
		position: absolute;
		top: 150rpx;
		left: 0;
		right: 0;
	}
	.wallet-item{
		width: 33.33%;
		padding: 30rpx 0;
	}
	.header-back{
		position: absolute;
		top: 60rpx;
		left: 0;
		right: 0;
		padding: 30rpx;
	}
	.header-image{
		width: 100%;
		height: 500rpx;
	}
</style>